﻿<!DOCTYPE HTML>
<html class="no-js" lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<meta name="author" content="smartit-source">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">	
		<!-- title here -->
		<title></title>		
        <!-- Favicon and Touch Icons -->
        <link rel="shortcut icon" href="/static/frontEnd/assets/images/fav.png">
		<!-- Place favicon.ico in the root directory -->
		<link rel="apple-touch-icon" href="apple-touch-icon.png">
		<!-- Fonts -->
		<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
		<link rel="stylesheet" href="/static/frontEnd/assets/css/font-awesome.min.css">
		<link rel="stylesheet" href="/static/frontEnd/assets/css/flaticon.css">
		<!-- Plugin CSS -->
		<link rel="stylesheet" href="/static/frontEnd/assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="/static/frontEnd/assets/css/animate.css">
		<link rel="stylesheet" href="/static/frontEnd/assets/css/magnific-popup.css">
		<link rel="stylesheet" href="/static/frontEnd/assets/css/owl.carousel.css">
		<link rel="stylesheet" href="/static/frontEnd/assets/css/owl.theme.css">
		<link rel="stylesheet" href="/static/frontEnd/assets/css/owl.transitions.css">	
		<link rel="stylesheet" href="/static/frontEnd/assets/css/jquery.barfiller.css">							
		<!--Theme custom css -->
		<link rel="stylesheet" href="/static/frontEnd/assets/css/style.css">
		<!--Theme Responsive css-->
		<link rel="stylesheet" href="/static/frontEnd/assets/css/responsive.css" />
		<script src="/static/frontEnd/assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
	</head>
	<body>
		<!-- header area start here -->
		<header class="header-area" id="sticky">
			<div class="container">
				<div class="row">
					<div class="col-md-2 col-xs-6">
						<div class="log-area">
							<a href="index.html"><img src="/static/frontEnd/assets/images/logo1.png" alt=""></a>
						</div>
					</div>
					<div class="col-md-9">
						<div class="menu-area white">
							<nav>
								<ul>
									<li><a href="index.html">Home</a></li>
									<li><a href="travel.html">Travel</a></li>
									<li><a href="contact.html">Contact us</a></li>
								</ul>
							</nav>
						</div>
					</div>
					<div class="col-md-1 col-xs-6">
						<div class="humbargar-area">
							<div class="menu-icon text-right">
								<span class="flaticon-menu humbargar color"></span>
							</div>
							<div class="close-area">
								<span class="close"></span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<!-- header area start here -->
		<!-- menu area start here -->
		<div class="sidebar-menu ">
			<div class="close-area">
				<span class="close"><i class="icon fa fa-times-circle"></i></span>
			</div>
			<div class="main-menu">
				<nav>
					<ul>
						<li><a href="index.html">Home</a></li>
									<li><a href="travel.html">Travel</a></li>
									<li><a href="contact.html">Contact us</a></li>				
					</ul>
				</nav>
			</div>
		</div>
		<!-- menu area start here -->
		<!-- breadcrumb area start here	 -->
		<div class="breadcrumb-area">
			<div class="container">
				<div class="row">
					<div class="col-sm-12">
						<div class="breadcrumb-title">
							<h2>Contact </h2>
						</div>
						<div class="breadcrumb-sibtitle">
							<h4>Get in Touch</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- breadcrumb area end here	 -->	
		<!-- portfolio area start here	 -->
		<div class="contact-area section">
			<div class="container">
				<div class="contact-info">
					<div class="row">
						<div class="col-md-4">
							<div class="single-info box-shadow">
								<div class="info-iiner">
									<div class="info-incon">
										<span class="flaticon-telephone"></span>
									</div>
									<div class="info-content">
										<div class="contact-info-title">
											<h5>Phone:</h5>
										</div>
										<div class="contact-info-content">
											<p>+88000111222333</p>
											<p>+88000111222333</p>										
										</div>
									</div>
								</div>								
							</div>
						</div>
						<div class="col-md-4">
							<div class="single-info box-shadow">
								<div class="info-iiner">
									<div class="info-incon">
										<span class="flaticon-black-back-closed-envelope-shape"></span>
									</div>
									<div class="info-content">
										<div class="contact-info-title">
											<h5>Email web:</h5>
										</div>
										<div class="contact-info-content">
											<p>Info@youremail</p>
											<p>www.yourwebsite.com</p>										
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="single-info box-shadow">
								<div class="info-iiner">
									<div class="info-incon">
										<span class="flaticon-maps-and-flags"></span>
									</div>
									<div class="info-content">
										<div class="contact-info-title">
											<h5>Address:</h5>
										</div>
										<div class="contact-info-content">
											<p>San Francisco CA 94105</p>
											<p>CA 94105 USA NY 1200</p>										
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="contact-form">
					<div class="row">
						<div class="col-sm-12">
							<div class="contact-form-inner box-shadow">
								<div class="row">
									<div class="col-lg-6 col-md-12">
										<div class="from-left">
											<img src="/static/frontEnd/assets/images/contact/1.jpg" alt="contact">
										</div>
									</div>
									<div class="col-lg-6 col-md-12">
										<div class="from-area">
											<form action="#">
												<div class="form-group box-shadow">
													<input type="text" class="form-control" id="firstname" name="firstname" placeholder="Enter your Name">
												</div>
												<div class="form-group box-shadow">
													<input type="text" class="form-control" id="company" name="company" placeholder="Company ">
												</div>
												<div class="form-group box-shadow">
													<input type="email" class="form-control" id="emailthree" name="emailthree" placeholder="Enter Your Email address ">
												</div>
												<div class="form-group box-shadow">
													<input type="text" class="form-control" id="phone" name="phone" placeholder="Enter your phone Number">
												</div>
												<div class="form-group box-shadow">
													<textarea name="messagesthree" id="messagesthree" cols="30" rows="10" placeholder="Write your message"></textarea>
												</div>
												<div class="from-btn text-right">
													<button type="submit" class="primary-btn">Submit</button>
												</div>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- leaf left area start here	 -->
			<div class="leaf-left">
				<img src="/static/frontEnd/assets/images/leaf-left.png" alt="leaf-right">
			</div>
			<!-- leaf left area end here	 -->
			<!-- leaf right area start here	 -->
			<div class="leaf-right">
				<img src="/static/frontEnd/assets/images/leaf-right.png" alt="leaf-right">
			</div>
			<!-- leaf right area end here	 -->
		</div>	
		<!-- portfolio area start here	 -->		
		<!-- footer area start here -->
		<footer class="footer-area">
			<div class="footer-top">
				<div class="container">
					<div class="row">
						<div class="col-md-4">
							<div class="footer-widget widget-text">
								<div class="footer-logo">
									<h2><a href="#">Xfar </a></h2>
								</div>
								<div class="widget-content">
									<p>Lorem Ipsum is simply dummy 
										text of the printing and typesetting 
										industry. Lorem Ipsum has been 
										the industry's standard dummy 
										text ever since the 1500s, when an 
										unknown printer took a galley of 
										type and scrambled it to make a 
										type specimen book. It has survive
										not only five centuries, but also the
										 leap into electronic typesetting, </p>
								</div>
							</div>
						</div>
						<div class="col-md-2">
							<div class="footer-widget widget-nave">
								<div class="widget-title">
									<h3>Quick Link</h3>
								</div>
								<div class="widget-nave-list">
									<ul>
										<li><a href="#">Fashion </a></li>
										<li><a href="#">Life style</a></li>
										<li><a href="#">Creative</a></li>
										<li><a href="#">Traveling</a></li>
										<li><a href="#">Guide</a></li>
										<li><a href="#">World Tour</a></li>
										<li><a href="#">Ship Tour</a></li>										
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="footer-widget widget-recent-post">
								<div class="widget-title">
									<h3>Recent Post</h3>
								</div>
								<div class="recent-post-list">
									<div class="single-post">
										<p><a href="#">We denounce with righteou
											indignation and dislike</a></p>
									</div>
									<div class="single-post">
										<p><a href="#">We denounce with righteou
											indignation and dislike</a></p>
									</div>
									<div class="single-post last">
										<p><a href="#">We denounce with righteou
											indignation and dislike</a></p>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="footer-widget widget-Subscribe">
								<div class="widget-title">
									<h3>Subscribe Us</h3>
								</div>
								<div class="widget-Subscribe-form">
									<form action="#">
										<div class="from-grupe">
											<input type="email" name="email" placeholder="Enter your email" id="email">
											<button type="submit" class="submit-btn">Submit</button>
										</div>
									</form>
								</div>
								<div class="widget-content">
									<p>Blinded by desire, that they can
										foresee the pain and trouble that 
										are bound to ensue</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">
					<div class="row">
						<div class="col-md-6">
							<div class="copyright-area">
								<p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
							</div>
						</div>
						<div class="col-md-6">
							<div class="footer-right text-right">
								<p></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer area end here -->		
		<!-- js file start -->
		<script src="/static/frontEnd/assets/js/vendor/jquery-1.12.0.min.js"></script>
		<script src="/static/frontEnd/assets/js/plugins.js"></script>
		<script src="/static/frontEnd/assets/js/Popper.js"></script>
		<script src="/static/frontEnd/assets/js/bootstrap.min.js"></script>
		<script src="/static/frontEnd/assets/js/jquery.magnific-popup.min.js"></script>
		<script src="/static/frontEnd/assets/js/owl.carousel.min.js"></script>
		<script src="/static/frontEnd/assets/js/isotope.pkgd.min.js"></script>
		<script src="/static/frontEnd/assets/js/imagesloaded.pkgd.min.js"></script>	
		<script src="/static/frontEnd/assets/js/scrollup.js"></script>	
		<script src="/static/frontEnd/assets/js/jquery.counterup.min.js"></script>	
		<script src="/static/frontEnd/assets/js/waypoints.min.js"></script>	
		<script src="/static/frontEnd/assets/js/jquery.appear.js"></script>	
		<script src="/static/frontEnd/assets/js/jquery.barfiller.js"></script>																																		
		<script src="/static/frontEnd/assets/js/main.js"></script>
		<!-- End js file -->
	</body>
</html>

